@media only screen and (min-width: 0px) and (max-width: 767px) {
  html, body{
    min-width: 550px;
  }
  .commonPage .box-left ul.main-menu li ul.sub, .commonPage .box-left ul.main-menu-2 li ul.sub{
    min-height: inherit;
    top:0;
  }
  .ct-intro-hsth{
    width: 96%!important;
  }
  .cart .cart-title .txt{
    width: 400px;
  }
  .page-4 .box-content .item .detail, .page-5 .box-content .item .detail{
    padding-bottom: 15px; 
  }
  .commonPage.partners .box-content .item .detail{
    padding-left: 12px;
  }
  .wrapper, #container,.home .bg-home{
    width: 100%;
  }
  div.adv{
    display: none;
  }
  .home .bg-home{
    width: 100%;
  }
  .cart .cart-content .item .col-pro .check{
    position: relative!important;
    top:0!important;
     padding-bottom: 8px!important;
  }
  .cart-out .col-price{
    margin-left: 340px!important;
  }
  .cart-out .col-mount{
    margin-left: -117px!important;
  }
  .cart-out .col-total{
    display: none;
  }
  .cart .cart-content .item .col-pro h3{
    padding-bottom: 8px!important;
  }
  .slide-home .bg-slide{
    overflow: hidden;
    position: absolute;
    height: 460px;
    width: 100%;
  }
  .top-nav span.line-left{
    display: none!important;
  }
  .commonPage{
    width: 550px;
    margin: 0 auto;
  }
  .commonPage .box-left{
    width: 100%!important;
  }
  .logo2 img{
    width: auto!important;
  }
  .box-support{
    .support-detail{
      position: absolute;
      top: 0px;
      left: 159px;
      width: 200px;
    }
  }
  .box-support .support-detail .bg h3{
    position: absolute;
    top: 0;
    left: 203px;
    width: 189px;
  }
  .box-support .support-detail .bg ul{
    position: absolute;
    top: 33px;
    left: 200px;
    li{
      margin-bottom: 5px!important;
      a{
        span{
          padding-bottom: 0;
        }
      }
    }
  }
  .box-search-product .search-product-scroll ul{
    width: 100%;
    li{
      display: inline-block;
      width: 178px;
    }
  }
  .box-search-product{
    padding: 7px 0!important;
  }
  .box-search-product .search-product-scroll{
    width: 100%!important;
  }
  .top-nav ul{
    display: table;
    float: none!important;
    margin: 0 auto!important;
  }
  .page-4 .box-right, .page-5 .box-right{
    width: 100%;
  }
  .commonPage .box-right .box-content .post-content{
    width: 94.5%;
  }
  .box-search-product .form-search-product{
    width: 100%!important;
  }
  .commonPage .box-right .top-control.fixed{
    width: 550px;
    position: relative;
  }
  .commonPage.singlePage .box-right .box-content .post-content img{
    width: 100%;
  }
  .commonPage .box-left .nav-menu.fixed{
    width: 550px;
  }
  .copyright-first, .f-content-first, .f-title-first{
    display: none;
  }
  .commonPage .box-right{
    margin-left: 0!important;
    width: 550px;
  }
  .box-detail .detail-top .big-image,.box-detail .detail-top .big-image{
    width: 100%!important;
  }
  #Previewholder{
    display: none!important;
  }
  .box-detail .detail-top .big-image .main-image{
    height: 412px!important;
  }
  .box-detail .detail-top .detail-text{
    width: 100%!important;
  }
  .box-detail .more-detail .tabdetail .title ul li{
    font-size: 9px!important;
  }
  .navigation-container ul{
    background: #009999;
  }
  .navigation-container.fixed{
    width: 550px;
  }
  .commonPage .box-right .banner{
    display: none;
  }
  .commonPage .box-left .logo2 .banner.mobile{
    display: block;
    float: left;
    width: 390px;
    img{
      width: 100% !important;
      height: 71px;
      margin-top: 12px;;
    }
  }
  .commonPage .box-right .top-control .formRight .box-cart{
    margin-right: 0;
  }
  .top-nav ul li a{
    font-size: 10px;
  }
  .commonPage .box-left .logo2 a.lg{
    float: left;
  }
  .commonPage .box-left ul.main-menu li ul.sub{
    position: relative;
    left: 10px;
    width: 100%;
  }
  .commonPage .box-left ul.main-menu li ul.sub li.has-sub ul.sub{
    left: 10px;
    width: 100%;
  }
  .commonPage .box-left ul.main-menu li.has-sub,
  .commonPage .box-left ul.main-menu li.has-sub:hover{
    background: url("../images/arrow.png") no-repeat scroll 145px 9px rgba(0, 0, 0, 0)!important;
  }
  .commonPage .box-left ul.main-menu li.has-sub:hover a{
    color: #002C34!important;
  }
  .commonPage .box-left ul.main-menu li ul.sub li ul.sub{
    position: relative!important;
    left: 0;
  }
  .page-5 ul.li-page5 li{
    width: 274px!important;
  }
  .commonPage .box-left .nav-menu.fixed{
    z-index: 1001;
  }
  footer .f-top .col-4-5{
    margin-left: 5px;
    margin-top: 5px;
  }
  footer .f-top .col-5-5{
    margin-top: 5px;
  }
  footer .box-color .type-1{
    width: 25%!important;
  }
  footer .box-color .type-2{
    width: 25%!important;
    margin-left: 0!important;
  }
  footer .box-color .type-3{
    width: 20%!important;
  }
  footer .box-color .type-4{
    width: 25%!important;
  }
  footer .box-color .type-5{
    width: 5%!important;
  }
  .commonPage .navigation-container-2{
    display: none;
  }
  .commonPage .box-left ul.main-menu li{
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 30%;
  }
  .commonPage .box-left ul.main-menu li:hover{
    background: transparent!important;
  }
  .commonPage .box-left ul.main-menu li ul.sub li.has-sub ul.sub{
    display: block!important;
  }
  .commonPage .box-left ul.main-menu li ul.sub li{
    width: 100%;
  }
  .commonPage .box-left ul.main-menu li ul.sub{
    display: block!important;
    background: transparent;
  }
  .commonPage .box-left ul.main-menu li:first-child{
    width: 100%;
  }
}